﻿<%@ Page Title="" Language="C#" MasterPageFile="~/admin/adminmaster.master" AutoEventWireup="true" CodeFile="Employees-list.aspx.cs" Inherits="admin_Employees_list" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div id="grid"></div>

            <script>
                $(document).ready(function () {

                    $(document).ready(function () {
                        $("#grid").kendoGrid({
                            dataSource: {
                                data: GetEmployeesList()
                            },
                            height: 280,
                            scrollable: {
                                virtual: true
                            },
                            sortable: true,
                            columns: [
                            "OrderID",
                            "CustomerID",
                            { field: "ShipName", title: "Ship Name" },
                            { field: "ShipCity", title: "Ship City" }
                        ]
                        });
                    });
                });
            </script>

<div id="page-wrapper">
        <div id="main-wrapper">
            <div id="main-content">
            <h1 id="heading">Staff Registeration Form</h1>
            <div class="requirefieldsnote">          
              <span  style="float:left;" class="requiredfield">Note:  Fields which are mark with (<span>&nbsp;*&nbsp;</span>) are required.</span>               
              <span  style="float:right;"><input type="button" class="formBtn" value="Save" onclick="SaveEmployeeInfo();" /></span>
                </div>
                    <div class="sub-content">
                    
                 <div class="page-subtitle">
                    <h2>
                       Personal Information</h2>
                        </div>
                        <div>
                      <table width="95%" cellpadding="0" cellspacing="0">
                      <tr>
                      <td align="left" style="width:15%;"> Employee No</td>
                      <td align="left" style="width:35%;"><input type="text" id="txtEmpNo" readonly="readonly" style="width:90%" /> </td>
                      <td align="left" style="width:15%;">Employee Name<span class="requiredfield">*</span></td>
                      <td align="left"><input type="text" id="txtEmpName" style="width:90%" /> </td> 
                      </tr>
                      <tr>
                      <td>Father  Name<span class="requiredfield">*</span></td>
                      <td><input type="text" id="txtFatherName" style="width:90%" /> </td>  
                      <td>Gender<span class="requiredfield">*</span></td>
                      <td>
                      <select id="ddlGender" ><option value=""></option><option value="Male">Male</option><option value="Female">Female</option> 
                      </select></td>                   
                      </tr>
                      <tr>
                      <td>Date Of Birth<span class="requiredfield">*</span></td>
                      <td><input type="text" id="txtDob"  style="width:85%" /> </td>                      
                      <td>Joining  Date<span class="requiredfield">*</span></td>
                      <td><input type="text" id="txtJoiningDate"  style="width:90%" /> </td>
                      </tr>
                      <tr>
                      <td>Blood Group</td>
                      <td><select id="ddlBloodGrp" style="width:100px">
                      <option value=""></option>
                      <option value="A+">A+</option>
                      <option value="A-">A-</option>
                      <option value="B+">B+</option>
                      <option value="B-">B-</option>
                      <option value="O+">O+</option>
                      <option value="O-">O-</option>
                      <option value="AB+">AB+</option>
                      <option value="AB-">AB-</option>
                      
                      </select>  </td>                                          
                      <td>NIC<span class="requiredfield">*</span></td>
                      <td><input type="text" id="txtNic"  style="width:90%" /> </td>
                      </tr>
                      <tr>
                      <td>Marital Status<span class="requiredfield">*</span></td>
                      <td> <select id="ddlMaritalStatus" ><option value=""></option><option value="Single">Single</option><option value="Married">Married</option> 
                      </select> </td>                                          
                      <td>Designation<span class="requiredfield">*</span></td>
                      <td>
                        <select id="ddlDesg" ><option value=""></option><option value="Teacher">Teacher</option><option value="Other">Other</option>                                    
                       </select></td>
                      </tr>
                      <tr>
                      <td>Salary<span class="requiredfield">*</span></td>
                      <td><input type="text" id="txtSalary" style="width:90%" /> </td>  
                      <td>Leaving Date</td>
                      <td><input type="text" id="txtLeavingDate" style="width:90%" /> </td>                   
                      </tr>                  
                      </table>
                      </div>
                      <div class="page-subtitle">
                      <h2>
                      <br />
                        Contact Information</h2>
                        </div>
                      <div>
                      <table width="95%" cellpadding="0" cellspacing="0">
                      <tr>
                      <td style="width:15%;">Home Address<span class="requiredfield">*</span></td>
                      <td style="width:35%;"><input type="text" id="txtHomeAdd" style="width:90%" /> </td>
                      <td style="width:15%;">Home Phone</td>
                      <td ><input type="text" id="txtPhoneHome"  style="width:90%" /> </td>
                      </tr>
                      <tr>
                      <td>Cell No<span class="requiredfield">*</span></td>
                      <td><input type="text" id="txtCellNo"   style="width:90%" /> </td>
                      <td>Email Address</td>
                      <td><input type="text" id="txtEmail"  style="width:90%" /> </td>
                      </tr>
                      </table>   
                      </div>
                       <div class="page-subtitle">
                      <h2>
                      <br />
                        Acedamic Information</h2>
                        </div>
                         <div>
                         <table id="tblAcedamicInfo" width="95%" cellpadding="0" cellspacing="0">
                         <tr>
                         <th style="width:20%">Qualification</th><th style="width:20%">Year of Passing</th><th  style="width:23%">Division</th><th>Institute</th>
                         </tr>
                         <tr>
                         <td> <asp:DropDownList ID="ddlDegree"  runat="server" style="width:95%"></asp:DropDownList> </td>
                         <td><input type="text"  id="txtPassingYear_1" style="width:70%" /> </td>
                         <td><input type="text"  style="width:90%"/></td>
                         <td><input type="text"   style="width:90%" /></td>                        
                         </tr>
                         </table>
                         </div>                     
                      </div>                                             
                        <div class="clearfix">
                        </div>
                     
                    </div>                
            </div>
            <div class="clearfix">
            </div>
        </div>
    <script src="js/Employee.js" type="text/javascript"></script>
    <div id="ErrorMsg" class="downarrowdiv"  style="display:none;">          
    </div>
    

</asp:Content>

